@import '../../style/themes';
@import '../../style/mixins';

.x- {
  &h1 {
    margin: $margin-xs 0 $margin-md + 4;
  }

  &h2,
  &h3,
  &h4,
  &h5,
  &h6 {
    margin: 1.6em 0 0.6em;
  }

  &ul,
  &ol {
    padding: 0;
    margin: 0;
    // list-style: circle;

    li {
      margin-left: 20px;
      margin-top: 0.3em;
    }
  }

  &p {
    margin: $margin-md 0;

    &:first-child {
      margin-top: 0;
    }
  }

  &a {
    color: $primary-color;
    text-decoration-color: $primary-color;
  }

  &simple-table {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    overflow-x: auto;

    @media screen and (max-width: 426px) {
      table-layout: fixed;
      width: 100%;
    }

    th,
    td {
      padding: $padding-sm;
      border: 0 solid $table-border-color;
      border-bottom-width: 1px;

      &:first-child {
        border-left-width: 1px;
      }

      &:last-child {
        border-right-width: 1px;
      }
    }

    th {
      border-top-width: 1px;
      background: $table-th-bg;
    }

    td {
      background: $table-td-bg;
    }
  }
}
